<!--MAIN-->
<div class="mb">
  <div ng-include="'tpl/header.html'"></div>
  <div class="container">
    <div class="form-group has-feedback">
      <input ng-model="key" class="form-control" id="search" type="text" placeholder="搜索菜品名称和原料.."/>
      <span class="glyphicon glyphicon-search form-control-feedback"></span>
    </div>
    <div class="main">
      <ul class="list-unstyled">
        <li ng-repeat="v in data">
          <a href="#detail/{{v.did}}">
            <div class="media">
              <div class="media-left media-middle">
                <img ng-src="img/{{v.img_sm}}">
              </div>
              <div class="media-body">
                <h3>{{v.name}}</h3>

                <p>主要食料：{{v.material}}</p>
                <h4 style="color:red">￥{{v.price}}</h4>
              </div>
            </div>
          </a>
        </li>
        <li ng-show="showli">没有更多菜单信息了！</li>
      </ul>
      <button ng-click="more()" class="btn btn-success" type="button">加载更多</button>
    </div>
  </div>
  <div ng-include="'tpl/footer.html'"></div>
</div>
